.. __Control ESP32 Animated Eyes:

Control ESP32 Animated Eyes
====================

Connect the USB power. When the red LED on the ESP32_Animated Eyes board lights up, it indicates that it is available. If it does not light up,  please try reconnecting.

ESP32_animation_eye – Features
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

.. image:: /Tutorial/img/LA065_A7.jpg

Mode Selection (Top-Right Toggle Switch)
----------------------------------------

.. image:: /Tutorial/img/LA065_A2.jpg

Auto Mode
   Eyes move and blink automatically.

   .. raw:: html

      <p>Press the <span style="color:red;font-weight:bold;">button</span> to cycle eye colors.</p>

Manual Mode
   .. raw:: html

      <p>Use the <span style="color:red;font-weight:bold;">joystick</span> to rotate eyes 360°.</p>
      <p>Press the <span style="color:red;font-weight:bold;">joystick</span> to trigger a blink.</p>
      <p>Press the <span style="color:red;font-weight:bold;">button</span> to cycle eye colors.</p>

   .. image:: /Tutorial/img/LA065_A4.jpg
   .. image:: /Tutorial/img/LA065_A3.jpg

GIF Mode
   .. raw:: html

      <p>Plays custom GIF animations stored on the <span style="color:red;font-weight:bold;">TF card</span>.</p>
      <p>Press the <span style="color:red;font-weight:bold;">button</span> to switch to the next GIF.</p>
      <p><span style="color:red;font-weight:bold;">joystick</span> and joystick-press have <strong>no function</strong> in this mode.</p>

   .. image:: /Tutorial/img/LA065_A6.jpg

.. attention::
   **Tip: If nothing happens after switching modes, wait a few seconds.**


DEMO VIDEO
^^^^^^^^^^^^^^^^^^^^^^^^^^^^^^

.. raw:: html
   
   <iframe width="560" height="315" src="https://www.youtube.com/embed/XixVymz1BHo" title="ESP32 Animoted Eyes" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>